export default function NewsPage() {
  return (
    <main className="container mx-auto px-4 py-8">
      <h1 className="text-3xl font-bold mb-6">最新公告</h1>
      <div className="max-w-3xl mx-auto space-y-6">
        {[1, 2, 3, 4, 5].map((i) => (
          <article key={i} className="bg-white rounded-lg shadow-sm p-6">
            <h2 className="text-xl font-semibold mb-2">公告标题 {i}</h2>
            <div className="flex items-center text-sm text-muted-foreground mb-4">
              <time>2024-02-25</time>
              <span className="mx-2">•</span>
              <span>管理员</span>
            </div>
            <p className="text-muted-foreground">
              这是一段公告内容，包含重要的通知信息、活动安排或其他需要告知用户的事项。
            </p>
            <div className="mt-4">
              <button className="text-accent hover:underline">查看详情 →</button>
            </div>
          </article>
        ))}
      </div>
    </main>
  )
}

